<template>
  <div>
    <m-choose-time
      @startChange="onStartChange"
      @endChange="onEndChange"
      :startOptions="startOptions"
      :endOptions="endOptions"
    ></m-choose-time>
    <br /><br />
    <m-choose-date></m-choose-date>
  </div>
</template>

<script setup lang="ts">
interface TimeType {
  startTime: string;
  endTime: string;
}

function onStartChange(val: string) {
  console.log("startChange", val);
}
const startOptions = {
  size: "small",
  placeholder: "请选择开始时间",
};

const endOptions = {
  size: "small",
  placeholder: "请选择结束时间",
};

function onEndChange(val: TimeType) {
  console.log("endChange", val);
}
</script>

<style scoped></style>
